<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function onchangeFun() {
            alert("女神已经改变了");
        }

        window.onload = function (){
            // 获取标签对象
            let selObj = document.getElementById("sel01");
            // 通过标签对象.事件名 = function(){}
            selObj.onchange = function (){
                alert("男神已经改变了");
            }
        }
    </script>
</head>
<body>
    请选择你心中的女神:
    <select onchange="onchangeFun();">
        <option value="">---女神---</option>
        <option value="">123</option>
        <option value="">456</option>
        <option value="">789</option>
    </select>

    请选择你心中的男神:
    <select id="sel01">
        <option value="">---男神---</option>
        <option value="">123</option>
        <option value="">456</option>
        <option value="">789</option>
    </select>
</body>
</html>